<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // locaStorage  本身是一个对象，自带一些属性和方法
        //    length  
        //    setItem()
        //    getItem()
        //    removeItem()



        console.log(localStorage);  // 是一个对象

        // localStorage.setItem('yy' , '123') ;

        // const res = localStorage.getItem('yy') ;
        // console.log(res);


        // // 实现修改
        // localStorage.setItem('yy' , '666')

        // // 删除
        // localStorage.removeItem('yy') ;

        localStorage.setItem('yy' , '123') ;
        localStorage.setItem('aa' , '22') ;
        localStorage.setItem('bb' , '555') ;

        // localStorage.clear() ;   // 清除所有的





        // for in 会遍历LocalStorage对象上所有的属性和方法   ---  
        // for(let key in localStorage) {
        //     console.log(key);
        // }


        
        // 遍历所有的名称和值
        for(let i = 0 ; i < localStorage.length ; i++) {
            // console.log(localStorage.key(i));

            let key = localStorage.key(i) ;
            console.log(key , localStorage.getItem(key));
        }



    


     

    </script>
    
</body>
</html>